<template>
	<view class="content">
		<view class="shouye-btn" @tap="gotoHome"></view>
		<view class="biao"></view>
		<view :class="'team0'+(index+1)" v-for="(i,index ) in videoList" :key="index">
			<image :src="i.imageUrl" mode="widthFix" class="pic"></image>
		</view>
		<view class="team-item01"></view>
		<view class="weibu">
			<view class="chuanghu"></view>
			<view class="dongwu1"></view>
			<view class="dongwu2"></view>
			<view class="dongwu3"></view>
			<view class="dongwu4"></view>
		</view>
		<view class="team-item02"></view>
		<view class="team-item03"></view>
		<view class="team-item04"></view>
		<view class="team-item05"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pcType: 1,
				videoList: []
			};
		},
		onShow() {
			this.getVideoList()
		},
		methods: {
			getVideoList() {
				uni.request({
					url: this.$api + '/potato-studio/image/mainImage/list',
					method: "GET",
					data: {
						pcType: this.pcType,
						imageType: 16,
						pageSize: 1000,
						pageNo: 1
					}
				}).then((res) => {
					if (res[1].data.result.records.length <= 0) {
						uni.showToast({
							mask: true,
							title: '暂无视频列表',
							icon: 'none'
						})
					} else {
						this.videoList = res[1].data.result.records

						console.log('this.videoList', this.videoList)
					}

				})

			},
			gotoHome() {
				uni.navigateBack({
					delta: 0
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-bg.png') repeat-y center top;
		background-size: 100% auto;
	}

	.shouye-btn {
		width: 224rpx;
		height: 108rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/shouye-btn.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 10rpx;
		margin-left: 12rpx;
	}

	.biao {
		width: 140rpx;
		height: 156rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item07.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: -30rpx;
		margin-left: 564rpx;
	}

	.team01 {
		width: 680rpx;
		height: 870rpx;
		// background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team06.png') no-repeat center center;
		background-size: 100% 100%;
		margin: 0 auto;
		margin-top: -30rpx;
	}

	.team02 {
		width: 710rpx;
		height: 946rpx;
		// background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team05.png') no-repeat center center;
		background-size: 100% 100%;
		margin-left: 40rpx;
		margin-top: 118rpx;
	}

	.team03 {
		width: 668rpx;
		height: 892rpx;
		// background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team04.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 52rpx;
		margin-left: 28rpx;
	}

	.team04 {
		width: 750rpx;
		height: 592rpx;
		// background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team01.png') no-repeat center center;
		background-size: 100% 100%;
		margin: 0 auto;
		margin-top: 136rpx;
	}

	.team05 {
		width: 738rpx;
		height: 820rpx;
		// background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team02.png') no-repeat center center;
		background-size: 100% 100%;
		margin: 0 auto;
		margin-top: 46rpx;
	}

	.team06 {
		width: 566rpx;
		height: 940rpx;
		// background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team07.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 36rpx;
		margin-left: 160rpx;
		position: relative;
		z-index: 1;
	}

	.weibu {
		width: 750rpx;
		height: 756rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item11.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: -446rpx;
		position: relative;
	}

	.team-item01 {
		width: 204rpx;
		height: 236rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item04.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		right: 0;
		top: 1080rpx;
	}

	.chuanghu {
		width: 210rpx;
		height: 580rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item01.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 0;
		top: -134rpx;
	}

	.dongwu1 {
		width: 148rpx;
		height: 114rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item08.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 0;
		top: 532rpx;
	}

	.dongwu2 {
		width: 192rpx;
		height: 226rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item10.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 156rpx;
		top: 516rpx;
	}

	.dongwu3 {
		width: 110rpx;
		height: 152rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item09.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 372rpx;
		top: 430rpx;
	}

	.dongwu4 {
		width: 260rpx;
		height: 276rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item12.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		right: 26rpx;
		top: 478rpx;
	}

	.team-item02 {
		width: 136rpx;
		height: 252rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item05.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 0;
		top: 2000rpx;
	}

	.team-item03 {
		width: 272rpx;
		height: 198rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item02.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 30rpx;
		top: 3030rpx;
	}

	.team-item04 {
		width: 182rpx;
		height: 186rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item06.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		right: 40rpx;
		top: 3770rpx;
	}

	.team-item05 {
		width: 184rpx;
		height: 444rpx;
		background: url('https://qingchenghai-1.oss-cn-hangzhou.aliyuncs.com/static/team/team-item03.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 0rpx;
		top: 4550rpx;
	}

	.pic {
		width: 100%;
		height: 100%;
	}
</style>
